<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
	</head>
	<body>
		<div id="app">
		<header>
			<div class="j">
				<div class="i">
					<img v-show="yhzt" src="nimg/bjm2.png" >
					<img v-show="yhztx" :src="userimg">
				</div>
				<div v-show="yhzt">
					<a href="Login.html">登录</a>/<a href="reg.html">注册</a>
				</div>
				<a>{{ userName }}<br>{{ nickname }}</a>
			</div>
		</header>
		<div class="nr">
			<a>我的订单</a>
			<div class="kk">
				全部订单
				<div class="fh">
					
				</div>
			</div>
		</div>
		
		<div class="nr2">
			<div class="nr2_n">
				<div id="dd1">
					<div style="width: 100%;height: 0.8rem;">
						<img src="nimg/bm3.png" >
					</div>
					<div style="width: 100%;height: 0.8rem;">
						<span>待付款</span>
					</div>
				</div>
				<div id="dd2">
					<div style="width: 100%;height: 0.8rem;">
						<img src="nimg/bm4.png" >
					</div>
					<div style="width: 100%;height: 0.8rem;">
						<span>待收货</span>
					</div>
				</div>
				<div id="dd3">
					<div style="width: 100%;height: 0.8rem;">
						<img src="nimg/bm5.png" >
					</div>
					<div style="width: 100%;height: 0.8rem;">
						<span>退换修</span>
					</div>
				</div>
			</div>
		</div>
		<div class="baitiao">
			
		</div>
		<div class="nr3">
			<div id="f1" class="nr_nr3">
				<img src="nimg/tk1.png" >
				<div class="kk_nr3">
					<a>会员中心</a>
					<div class="fh_nr3">
						
					</div>
				</div>
			</div>
			<div id="f2" class="nr_nr3">
				<img src="nimg/tk2.png" >
				<div class="kk_nr4">
					<a>我的优惠</a>
					<div class="fh_nr3">
						
					</div>
				</div>
			</div>
		</div>
		
		<div class="baitiao">
			
		</div>
		<div class="nr3">
			<div id="f3" class="nr_nr3">
				<img src="nimg/tk3.png" >
				<div class="kk_nr3">
					<a>服务中心</a>
					<div class="fh_nr3">
						
					</div>
				</div>
			</div>
			<div id="f4" class="nr_nr3">
				<img src="nimg/tk4.png" >
				<div class="kk_nr4">
					<a>小米之家</a>
					<div class="fh_nr3">
						
					</div>
				</div>
			</div>
		</div>
		
		<div class="baitiao">
			
		</div>
		<div class="nr3">
			<div id="f5" class="nr_nr3">
				<img src="nimg/tk5.png" >
				<div class="kk_nr3">
					<a>我的F码</a>
					<div class="fh_nr3">
						
					</div>
				</div>
			</div>
			<div id="f6" class="nr_nr3">
				<img src="nimg/tk6.png" >
				<div class="kk_nr4">
					<a>礼物码兑换</a>
					<div class="fh_nr3">
						
					</div>
				</div>
			</div>
		</div>
		<div class="baitiao">
			
		</div>
		<div class="nr3">
			<div id="f7" class="nr_nr3">
				<img src="nimg/tk7.png" >
				<div class="kk_nr4">
					<a>设置</a>
					<div class="fh_nr3">
						
					</div>
				</div>
			</div>
		</div>
		<div class="bottom">
				<div id="sy">
					<img src="img/bottom.png" ><br>
					<a href="index.html">首页</a>
				</div>
				<div id="fl">
					<img src="img/bottom2.png" ><br>
					<a>分类</a>
				</div>
				<div id="mq">
					<img src="img/bottom3.png" ><br>
					<a>米圈</a>
				</div>
				<div id="gwc">
					<img src="img/bottom4.png" ><br>
					<a href="gwc.html">购物车</a>
				</div>
				<div id="wd">
					<img src="img/bs5.png" ><br>
					<a style="color: #FF6700;">我的</a>
				</div>
			</div>
		</div>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
			<script type="text/javascript">
				let app=new Vue({
					el:"#app",
					data:{
						userid:"",
						userName:"",
						nickname:"",
						userimg:"",
						yhzt:true,
						yhztx:false
					},
					methods:{
						hqyhmx(){
							var username=document.cookie.split(";")[0].split("=")[1];
							if(username!=undefined){
								var useremail=document.cookie.split(";")[4].split("=")[1];
								if(useremail!=undefined){
									var nickname=document.cookie.split(";")[1].split("=")[1];
									var userid=document.cookie.split(";")[2].split("=")[1];
									var userimg=document.cookie.split(";")[3].split("=")[1];
									this.yhztx=true;
									this.yhzt=false;
									this.userid=userid;
									this.nickname=nickname;
									this.userName=username;
									this.userimg="http://r3djjl44q.hd-bkt.clouddn.com/"+userimg;
								}
							}
						}
					}
				});
				app.hqyhmx();


				var gwc=document.querySelector("#gwc");
				var sy=document.querySelector("#sy");
				var fl=document.querySelector("#fl");
				var mq=document.querySelector("#mq");
				var nr=document.querySelector(".nr");
				var dd1=document.querySelector("#dd1");
				var dd2=document.querySelector("#dd2");
				var dd3=document.querySelector("#dd3");
				var f1=document.querySelector("#f1");
				var f2=document.querySelector("#f2");
				var f3=document.querySelector("#f3");
				var f4=document.querySelector("#f4");
				var f5=document.querySelector("#f5");
				var f6=document.querySelector("#f6 ");
				f1.onclick=function(){
					window.location.href="yhzx.html";
				}
				f2.onclick=function(){
					window.location.href="wdyh.html";
				}
				f3.onclick=function(){
					window.location.href="fwzx.html";
				}
				f5.onclick=function(){
					window.location.href="wdfm.html";
				}
				f6.onclick=function(){
					window.location.href="wdfm2.html";
				}
				dd1.onclick=function(){
					window.location = 'dingdan.html#ztm=2';
				}
				dd2.onclick=function(){
					window.location = 'dingdan.html#ztm=3';
				}
				dd3.onclick=function(){
					window.location.href="thx.html";
				}
				nr.onclick=function(){
					window.location = 'dingdan.html#ztm=1';
				}
				mq.onclick=function(){
					window.location.href="miquan.html";
				}
				fl.onclick=function(){
					window.location.href="fenlei.html";
				}
				sy.onclick=function(){
					window.location.href="index.html";
				}
				gwc.onclick=function(){
					window.location.href="gwc.html";
				}
			</script>
	</body>
</html>
